<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>身份识别码</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script src="js/jquery-1.10.1.min.js"></script>
	<link rel="stylesheet" href="css/mui.min.css">
	<link rel="stylesheet" href="css/css.css">
</head>

<body class="bgfff">
<header class="mui-bar mui-bar-nav">
	<h1 class="mui-title">身份识别码</h1>
</header>
<div class="mui-content">
	<div class="page_top"><img src="images/logo.png" alt=""/></div>
	<div class="page_text">请输入身份识别码解锁查看</div>
	<div class="tips">&nbsp;</div>
	<div class="canvas_box"></div>
</div>
<script src="js/H5lock.js"></script>
<script type="text/javascript">
	 var div_width=$(document).width()
	 var div_height=$(document).height()-280
      var opt={
          chooseType:3,//必须字段,几排几列
		  width:div_width,//canvas宽度,默认100%
          height:div_height,//canvaas高度,默认100%
          //canvas位置,默认left:0,top:0,如果你的canvas宽高默认100%,此值可不填
          position:{
            left:0,
            top:0
          },
		  step:2,
          bg:"#fff",//canvas背景,默认#000
          noticeEl:".page_text",//必须字段:提示的容器,因canvas absolute定位，所以注意层叠关系
          pswEl:".tips",//必须字段:重置密码的容器,因canvas absolute定位，所以注意层叠关系
          type:"unlock",//必须字段,当前是设置手势还是解锁,reset和unlock
          //type='reset'的保存密码后执行,返回密码obj
          savePws:function(psw){
            alert(JSON.stringify(psw));
          },
          //解锁成功
          lockSuccess:function(){
            //alert('解锁成功');
			window.location='index.html'
          }
 
      }
      var lock=new H5lock(opt);
      lock.init();
</script>
</body>

</html>